<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>分页</title>
    <link rel="stylesheet" href="./view/分页/styles.css">
</head>
<body>

<!-- Unnamed (Rectangle) -->
<div id="u2865" class="ax_default heading_1">
    <div id="u2865_div" class=""></div>
    <div id="u2865_text" class="text ">
        <p><span>Page 分页</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2866" class="ax_default heading_1">
    <div id="u2866_div" class=""></div>
    <div id="u2866_text" class="text ">
        <p><span>概述</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2867" class="ax_default label">
    <div id="u2867_div" class=""></div>
    <div id="u2867_text" class="text ">
        <p><span>当数据量较多时，使用分页可以快速进行数据切换。</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2868" class="ax_default label">
    <div id="u2868_div" class=""></div>
    <div id="u2868_text" class="text ">
        <p><span>基本</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2869" class="ax_default label">
    <div id="u2869_div" class=""></div>
    <div id="u2869_text" class="text ">
        <p><span>基本的分页，页数过多时会自动折叠。</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2870" class="ax_default box_1 disabled">
    <div id="u2870_div" class="disabled"></div>
    <div id="u2870_text" class="text ">
        <p><span></span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2871" class="ax_default box_1 selected" selectiongroup="page-list-1">
    <div id="u2871_div" class="selected"></div>
    <div id="u2871_text" class="text ">
        <p><span>1</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2872" class="ax_default box_1" selectiongroup="page-list-1">
    <div id="u2872_div" class=""></div>
    <div id="u2872_text" class="text ">
        <p><span>2</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2873" class="ax_default box_1" selectiongroup="page-list-1">
    <div id="u2873_div" class=""></div>
    <div id="u2873_text" class="text ">
        <p><span>3</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2874" class="ax_default box_1">
    <img id="u2874_img" class="img " src="assets/images/分页/u2874.svg"/>
    <div id="u2874_text" class="text ">
        <p><span></span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2875" class="ax_default box_1" selectiongroup="page-list-1">
    <div id="u2875_div" class=""></div>
    <div id="u2875_text" class="text ">
        <p><span>10</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2876" class="ax_default box_1">
    <div id="u2876_div" class=""></div>
    <div id="u2876_text" class="text ">
        <p><span></span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2877" class="ax_default label">
    <div id="u2877_div" class=""></div>
    <div id="u2877_text" class="text ">
        <p><span>每页数量</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2878" class="ax_default label">
    <div id="u2878_div" class=""></div>
    <div id="u2878_text" class="text ">
        <p><span>可以切换每页显示的数量</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2879" class="ax_default box_1 disabled">
    <div id="u2879_div" class="disabled"></div>
    <div id="u2879_text" class="text ">
        <p><span></span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2880" class="ax_default box_1 selected" selectiongroup="page-list-2">
    <div id="u2880_div" class="selected"></div>
    <div id="u2880_text" class="text ">
        <p><span>1</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2881" class="ax_default box_1" selectiongroup="page-list-2">
    <div id="u2881_div" class=""></div>
    <div id="u2881_text" class="text ">
        <p><span>2</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2882" class="ax_default box_1" selectiongroup="page-list-2">
    <div id="u2882_div" class=""></div>
    <div id="u2882_text" class="text ">
        <p><span>3</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2883" class="ax_default box_1">
    <img id="u2883_img" class="img " src="assets/images/分页/u2874.svg"/>
    <div id="u2883_text" class="text ">
        <p><span></span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2884" class="ax_default box_1" selectiongroup="page-list-2">
    <div id="u2884_div" class=""></div>
    <div id="u2884_text" class="text ">
        <p><span>10</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2885" class="ax_default box_1">
    <div id="u2885_div" class=""></div>
    <div id="u2885_text" class="text ">
        <p><span></span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2886" class="ax_default box_1">
    <div id="u2886_div" class=""></div>
    <div id="u2886_text" class="text ">
        <p><span style="font-family:'LucidaGrande', 'Lucida Grande';">10</span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">条</span><span style="font-family:'LucidaGrande', 'Lucida Grande';">/</span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">页 </span><span style="font-family:'Ionicons';"></span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2887" class="ax_default label">
    <div id="u2887_div" class=""></div>
    <div id="u2887_text" class="text ">
        <p><span>电梯</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2888" class="ax_default label">
    <div id="u2888_div" class=""></div>
    <div id="u2888_text" class="text ">
        <p><span>快速跳转到某一页</span></p>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u2889" class="ax_default" data-left="230" data-top="498" data-width="390" data-height="36">

    <!-- Unnamed (Rectangle) -->
    <div id="u2890" class="ax_default box_1 disabled">
        <div id="u2890_div" class="disabled"></div>
        <div id="u2890_text" class="text ">
            <p><span></span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u2891" class="ax_default box_1 selected" selectiongroup="page-list-3">
        <div id="u2891_div" class="selected"></div>
        <div id="u2891_text" class="text ">
            <p><span>1</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u2892" class="ax_default box_1" selectiongroup="page-list-3">
        <div id="u2892_div" class=""></div>
        <div id="u2892_text" class="text ">
            <p><span>2</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u2893" class="ax_default box_1" selectiongroup="page-list-3">
        <div id="u2893_div" class=""></div>
        <div id="u2893_text" class="text ">
            <p><span>3</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u2894" class="ax_default box_1">
        <img id="u2894_img" class="img " src="assets/images/分页/u2874.svg"/>
        <div id="u2894_text" class="text ">
            <p><span></span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u2895" class="ax_default box_1" selectiongroup="page-list-3">
        <div id="u2895_div" class=""></div>
        <div id="u2895_text" class="text ">
            <p><span>10</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u2896" class="ax_default box_1">
        <div id="u2896_div" class=""></div>
        <div id="u2896_text" class="text ">
            <p><span></span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u2897" class="ax_default label">
        <div id="u2897_div" class=""></div>
        <div id="u2897_text" class="text ">
            <p><span>跳至</span></p>
        </div>
    </div>

    <!-- Unnamed (Group) -->
    <div id="u2898" class="ax_default" data-left="538" data-top="498" data-width="60" data-height="36">

        <!-- Unnamed (Rectangle) -->
        <div id="u2899" class="ax_default box_1">
            <div id="u2899_div" class=""></div>
            <div id="u2899_text" class="text " style="display:none; visibility: hidden">
                <p></p>
            </div>
        </div>

        <!-- Unnamed (Text Field) -->
        <div id="u2900" class="ax_default text_field">
            <div id="u2900_div" class=""></div>
            <input id="u2900_input" type="text" value="1" class="u2900_input"/>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u2901" class="ax_default label">
        <div id="u2901_div" class=""></div>
        <div id="u2901_text" class="text ">
            <p><span>页</span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2902" class="ax_default label">
    <div id="u2902_div" class=""></div>
    <div id="u2902_text" class="text ">
        <p><span>总数</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2903" class="ax_default label">
    <div id="u2903_div" class=""></div>
    <div id="u2903_text" class="text ">
        <p><span>显示总共多少条数据</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2904" class="ax_default label">
    <div id="u2904_div" class=""></div>
    <div id="u2904_text" class="text ">
        <p><span>共100条</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2905" class="ax_default box_1 disabled">
    <div id="u2905_div" class="disabled"></div>
    <div id="u2905_text" class="text ">
        <p><span></span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2906" class="ax_default box_1 selected" selectiongroup="page-list-4">
    <div id="u2906_div" class="selected"></div>
    <div id="u2906_text" class="text ">
        <p><span>1</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2907" class="ax_default box_1" selectiongroup="page-list-4">
    <div id="u2907_div" class=""></div>
    <div id="u2907_text" class="text ">
        <p><span>2</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2908" class="ax_default box_1" selectiongroup="page-list-4">
    <div id="u2908_div" class=""></div>
    <div id="u2908_text" class="text ">
        <p><span>3</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2909" class="ax_default box_1">
    <img id="u2909_img" class="img " src="assets/images/分页/u2874.svg"/>
    <div id="u2909_text" class="text ">
        <p><span></span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2910" class="ax_default box_1" selectiongroup="page-list-4">
    <div id="u2910_div" class=""></div>
    <div id="u2910_text" class="text ">
        <p><span>10</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2911" class="ax_default box_1">
    <div id="u2911_div" class=""></div>
    <div id="u2911_text" class="text ">
        <p><span></span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2912" class="ax_default label">
    <div id="u2912_div" class=""></div>
    <div id="u2912_text" class="text ">
        <p><span>迷你型</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2913" class="ax_default label">
    <div id="u2913_div" class=""></div>
    <div id="u2913_text" class="text ">
        <p><span>迷你型拥有普通的所有功能。</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2914" class="ax_default box_1 disabled">
    <img id="u2914_img" class="img " src="assets/images/分页/u2914.svg"/>
    <div id="u2914_text" class="text ">
        <p><span></span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2915" class="ax_default box_1 selected" selectiongroup="page-list-5">
    <img id="u2915_img" class="img " src="assets/images/分页/u2915.svg"/>
    <div id="u2915_text" class="text ">
        <p><span>1</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2916" class="ax_default box_1">
    <img id="u2916_img" class="img " src="assets/images/分页/u2914.svg"/>
    <div id="u2916_text" class="text ">
        <p><span></span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2917" class="ax_default box_1" selectiongroup="page-list-5">
    <img id="u2917_img" class="img " src="assets/images/分页/u2917.svg"/>
    <div id="u2917_text" class="text ">
        <p><span>2</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2918" class="ax_default box_1" selectiongroup="page-list-5">
    <img id="u2918_img" class="img " src="assets/images/分页/u2917.svg"/>
    <div id="u2918_text" class="text ">
        <p><span>3</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2919" class="ax_default box_1" selectiongroup="page-list-5">
    <img id="u2919_img" class="img " src="assets/images/分页/u2917.svg"/>
    <div id="u2919_text" class="text ">
        <p><span>4</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2920" class="ax_default box_1 disabled">
    <img id="u2920_img" class="img " src="assets/images/分页/u2914.svg"/>
    <div id="u2920_text" class="text ">
        <p><span></span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2921" class="ax_default box_1 selected" selectiongroup="page-list-6">
    <img id="u2921_img" class="img " src="assets/images/分页/u2915.svg"/>
    <div id="u2921_text" class="text ">
        <p><span>1</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2922" class="ax_default box_1">
    <img id="u2922_img" class="img " src="assets/images/分页/u2914.svg"/>
    <div id="u2922_text" class="text ">
        <p><span></span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2923" class="ax_default box_1" selectiongroup="page-list-6">
    <img id="u2923_img" class="img " src="assets/images/分页/u2917.svg"/>
    <div id="u2923_text" class="text ">
        <p><span>2</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2924" class="ax_default box_1" selectiongroup="page-list-6">
    <img id="u2924_img" class="img " src="assets/images/分页/u2917.svg"/>
    <div id="u2924_text" class="text ">
        <p><span>3</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2925" class="ax_default box_1" selectiongroup="page-list-6">
    <img id="u2925_img" class="img " src="assets/images/分页/u2917.svg"/>
    <div id="u2925_text" class="text ">
        <p><span>4</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2926" class="ax_default box_1">
    <div id="u2926_div" class=""></div>
    <div id="u2926_text" class="text ">
        <p><span style="font-family:'LucidaGrande', 'Lucida Grande';">10</span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">条</span><span style="font-family:'LucidaGrande', 'Lucida Grande';">/</span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">页 </span><span style="font-family:'Ionicons';"></span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2927" class="ax_default label">
    <div id="u2927_div" class=""></div>
    <div id="u2927_text" class="text ">
        <p><span>跳至</span></p>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u2928" class="ax_default" data-left="543" data-top="695" data-width="48" data-height="25">

    <!-- Unnamed (Rectangle) -->
    <div id="u2929" class="ax_default box_1">
        <div id="u2929_div" class=""></div>
        <div id="u2929_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Text Field) -->
    <div id="u2930" class="ax_default text_field">
        <div id="u2930_div" class=""></div>
        <input id="u2930_input" type="text" value="1" class="u2930_input"/>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2931" class="ax_default label">
    <div id="u2931_div" class=""></div>
    <div id="u2931_text" class="text ">
        <p><span>页</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2932" class="ax_default label">
    <div id="u2932_div" class=""></div>
    <div id="u2932_text" class="text ">
        <p><span>共40条</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2933" class="ax_default box_1 disabled">
    <img id="u2933_img" class="img " src="assets/images/分页/u2914.svg"/>
    <div id="u2933_text" class="text ">
        <p><span></span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2934" class="ax_default box_1 selected" selectiongroup="page-list-7">
    <img id="u2934_img" class="img " src="assets/images/分页/u2915.svg"/>
    <div id="u2934_text" class="text ">
        <p><span>1</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2935" class="ax_default box_1">
    <img id="u2935_img" class="img " src="assets/images/分页/u2914.svg"/>
    <div id="u2935_text" class="text ">
        <p><span></span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2936" class="ax_default box_1" selectiongroup="page-list-7">
    <img id="u2936_img" class="img " src="assets/images/分页/u2917.svg"/>
    <div id="u2936_text" class="text ">
        <p><span>2</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2937" class="ax_default box_1" selectiongroup="page-list-7">
    <img id="u2937_img" class="img " src="assets/images/分页/u2917.svg"/>
    <div id="u2937_text" class="text ">
        <p><span>3</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2938" class="ax_default box_1" selectiongroup="page-list-7">
    <img id="u2938_img" class="img " src="assets/images/分页/u2917.svg"/>
    <div id="u2938_text" class="text ">
        <p><span>4</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2939" class="ax_default label">
    <div id="u2939_div" class=""></div>
    <div id="u2939_text" class="text ">
        <p><span>简洁</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2940" class="ax_default label">
    <div id="u2940_div" class=""></div>
    <div id="u2940_text" class="text ">
        <p><span>通过输入页码回车切换，或使用鼠标点击切换页码，或使用键盘的上下键来切换。简洁分页不能使用总数、电梯和切换数量。</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2941" class="ax_default box_1 disabled">
    <img id="u2941_img" class="img " src="assets/images/分页/u2914.svg"/>
    <div id="u2941_text" class="text ">
        <p><span></span></p>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u2942" class="ax_default" data-left="846" data-top="665" data-width="34" data-height="25">

    <!-- Unnamed (Rectangle) -->
    <div id="u2943" class="ax_default box_1">
        <div id="u2943_div" class=""></div>
        <div id="u2943_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Text Field) -->
    <div id="u2944" class="ax_default text_field">
        <div id="u2944_div" class=""></div>
        <input id="u2944_input" type="text" value="1" class="u2944_input"/>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2945" class="ax_default label">
    <div id="u2945_div" class=""></div>
    <div id="u2945_text" class="text ">
        <p><span>/&nbsp; 5</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2946" class="ax_default box_1">
    <img id="u2946_img" class="img " src="assets/images/分页/u2914.svg"/>
    <div id="u2946_text" class="text ">
        <p><span></span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2947" class="ax_default label">
    <div id="u2947_div" class=""></div>
    <div id="u2947_text" class="text ">
        <p><span>上一页和下一页</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2948" class="ax_default label">
    <div id="u2948_div" class=""></div>
    <div id="u2948_text" class="text ">
        <p><span>迷你型拥有普通的所有功能。</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2949" class="ax_default box_1 disabled">
    <img id="u2949_img" class="img " src="assets/images/分页/u2949.svg"/>
    <div id="u2949_text" class="text ">
        <p><span>Previous</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2950" class="ax_default box_1 selected" selectiongroup="page-list-9">
    <div id="u2950_div" class="selected"></div>
    <div id="u2950_text" class="text ">
        <p><span>1</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2951" class="ax_default box_1" selectiongroup="page-list-9">
    <div id="u2951_div" class=""></div>
    <div id="u2951_text" class="text ">
        <p><span>2</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2952" class="ax_default box_1" selectiongroup="page-list-9">
    <div id="u2952_div" class=""></div>
    <div id="u2952_text" class="text ">
        <p><span>3</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2953" class="ax_default box_1">
    <img id="u2953_img" class="img " src="assets/images/分页/u2874.svg"/>
    <div id="u2953_text" class="text ">
        <p><span></span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2954" class="ax_default box_1" selectiongroup="page-list-9">
    <div id="u2954_div" class=""></div>
    <div id="u2954_text" class="text ">
        <p><span>10</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u2955" class="ax_default box_1">
    <img id="u2955_img" class="img " src="assets/images/分页/u2955.svg"/>
    <div id="u2955_text" class="text ">
        <p><span>Next</span></p>
    </div>
</div>
</body>
</html>
